.masterbar.is-jetpack-cloud-masterbar {
	justify-content: space-between;

	.masterbar__item-home {
		border-right: 1px solid var( --color-masterbar-border );
		flex: 0 0 auto;
		padding: 0;
		width: auto;

		@include breakpoint-deprecated( '>660px' ) {
			min-width: $sidebar-width-min;
		}

		@include breakpoint-deprecated( '>960px' ) {
			min-width: $sidebar-width-max;
		}

		.masterbar__item-content {
			color: var( --color-masterbar-text );
			display: flex;
			justify-content: center;
			padding: 0 16px;
			width: 100%;

			svg {
				fill: var( --color-black );
			}
		}
	}

	.masterbar__item-title {
		flex: 1 1 auto;
		padding-left: 16px;
		font-size: $font-body;

		text-transform: none;
		font-weight: 400;

		.masterbar__item-content {
			margin-top: 2px;
			line-height: normal;
			color: var( --color-neutral-80 );
		}
	}

	.masterbar__item-me {
		min-width: 18px;
		flex: 0 0 auto;

		// Calypso's masterbar hides this item content and we need to show it
		// so we override its display property.
		@include breakpoint-deprecated( '<480px' ) {
			.masterbar__item-content {
				display: block;
			}
		}
	}

	.masterbar__item-me--open {
		box-shadow: 0 -1px 0 1px var( --studio-gray-20 );
	}
}
